<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport"-->
    <!--content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
    <title>金点子大赛网站--管理员页面</title>
    <link rel="icon" href="../images/html-icon.png"  type="image/x-icon">
    <!-- jQ -->
    <script src="../js/lib/jquery-3.2.1.js"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.css">
    <script src="../bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/bil/spop.css">
    <!--  -->
    <link rel="stylesheet" href="../css/Admin-css/admin-base.css">
    <link rel="stylesheet" href="../css/Admin-css/dataWordbook.css">
</head>
<body>
<div class="container-fluid pad-r">
    <div id="navMenu">
        <div class="pad-10">
            <a href="./../Admin/admin-index.html" class="db">
                <img src="../images/LNClogo.gif"  class="w-max maskVal"/>
            </a>
        </div>
        <h4 class="text-center Text-color fz-18"> 金点子大赛管理系统 </h4>
        <div class="row text-center mar-0 pad-10 Text-color admin-color">
            <div class="col-xs-12">
                <i class="glyphicon glyphicon-user Text-fwb"></i>
                <span class="mar-5" id="admin-name"></span>
            </div>
            <div class="col-xs-12">
                <i class="glyphicon glyphicon-info-sign Text-fwb"></i>
                <span class="mar-5 mar-r Text-fwb">5</span>
                /
                <span>30</span>
            </div>
        </div>
        <ul id="allDownMenu" class="mar-0">
            <li>
                <div class="menu-Item">
                    <a href="./../Admin/item-admin.html">
                        <i class="glyphicon glyphicon-th-list icon"></i>
                        <span>项目管理</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-Item">
                    <a href="./../Admin/user-admin.html">
                        <i class="glyphicon glyphicon-user icon"></i>
                        <span>用户管理</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-Item">
                    <a href="./../Admin/count.html">
                        <i class="glyphicon glyphicon-stats icon"></i>
                        <span>项目统计</span>
                    </a>
                </div>
            </li>
            <li class="hasMenu">
                <div class="menu-Item hasMenu-li">
                    <a href="javascript:;" class="">
                        <i class="glyphicon glyphicon-asterisk icon"></i>
                        <span>系统配置</span>
                        <i class="glyphicon glyphicon-chevron-left pull-right downIcon"></i>
                    </a>
                </div>
                <ul class="sonMenu">
                    <li class="menu-Item sonItem">
                        <a href="./../Admin/dataWordbook.html">数据字典</a>
                    </li>
                    <li class="menu-Item sonItem">
                        <a href="./../Admin/ad-list.html">公告管理</a>
                    </li>
                    <li class="menu-Item sonItem">
                        <a href="./../Admin/System-set.html">系统配置</a>
                    </li>
                </ul>
            </li>
            <li>
                <div class="menu-Item">
                    <a href="./../Admin/powerManage.html">
                        <i class="glyphicon glyphicon-tasks icon"></i>
                        <span>权限管理</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-Item">
                    <a href="" id="admin-outLogin">
                        <i class="glyphicon glyphicon-off icon"></i>
                        <span>退出登录</span>
                    </a>
                </div>
            </li>
        </ul>
    </div>
    <div class="pageMain Po-r">
        <!-- 页头 -->
        <div class="panel panel-default pageTitle mar-0 border-color Text-red">
            <div class="panel-body">
                <span>数据字典</span>
                <i class="glyphicon glyphicon-circle-arrow-left zzz pull-right" ></i>
            </div>
        </div>
        <div class="panel panel-default pageTitle mar-0 mt-15 border-color pageMainBody">
            <div class="panel-body ">
                <div id="itemTypeBar" >
                    <div class="panel panel-default mar-0 parentType">
                        <div class="panel-heading Po-r">
                            <h3 class="panel-title">申报类型</h3>
                            <i class="glyphicon glyphicon-plus pull-right" data-toggle="modal" data-target="#newRaceType-model"></i>
                        </div>
                        <ul class="list-group mar-0 parentTypeList">
                            <!--
                                <li class="list-group-item">
                                    <a href="#">as juCras juCras justojustojustojustojusto odio</a>
                                    <div class="Po-a">
                                        <i class="glyphicon glyphicon-pencil"></i>
                                        <i class="glyphicon glyphicon-trash"></i>
                                    </div>
                                </li>
                            -->
                        </ul>
                    </div>
                    <div class="panel panel-default mar-0 sonType">
                        <div class="panel-heading Po-r">
                            <h3 class="panel-title">项目类型</h3>
                            <i class="glyphicon glyphicon-plus pull-right" data-toggle="modal" data-target="#newItem-model" id="addItemType"></i>
                        </div>
                        <ul class="list-group mar-0 sonTypeList">
                            <!--<li class="list-group-item ">-->
                                <!--<a href="#">Cras justo odio></a>-->
                                <!--<div class="Po-a">-->
                                    <!--<i class="glyphicon glyphicon-pencil"></i>-->
                                    <!--<i class="glyphicon glyphicon-trash"></i>-->
                                <!--</div>-->
                            <!--</li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 添加-->
<div class="modal fade" id="newItem-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >新项目类型名:</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="racetype" class="col-sm-6 control-label">项目类型名</label>
                        <div class="col-sm-18">
                            <input type="text" class="form-control" id="racetype" placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="startTime" class="col-sm-6 control-label">开始申报时间</label>
                        <div class="col-sm-18">
                            <input type="date" class="form-control" id="startTime" placeholder="请输入开始申报时间">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="stopTime" class="col-sm-6 control-label">结束申报时间</label>
                        <div class="col-sm-18">
                            <input type="date" class="form-control" id="stopTime" placeholder="请输入结束申报时间">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="itemTypeModel-btn">保存赛事</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="newRaceType-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新的申报类型</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="racetypeName">申报类型名:</label>
                        <input type="text" class="form-control" id="racetypeName">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="newRaceTypeModel-btn">添加</button>
            </div>
        </div>
    </div>
</div>
<!-- 修改 -->
<div class="modal fade" id="changeRaceType-model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">修改申报类型名:</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">当前类型名:</label>
                        <div class="col-sm-20">
                            <p class="form-control-static">email@example.com</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="newParentName" class="col-sm-4 control-label">新类型名:</label>
                        <div class="col-sm-20">
                            <input type="text" class="form-control" id="newParentName">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="changeParentType-btn">修改</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="changeItem-model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">修改项目类型名:</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">当前项目名:</label>
                        <div class="col-sm-20">
                            <p class="form-control-static"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="newItemName" class="col-sm-4 control-label">新项目名:</label>
                        <div class="col-sm-20">
                            <input type="text" class="form-control" id="newItemName">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="changeItemName-btn">修改</button>
            </div>
        </div>
    </div>
</div>


<script src="../js/lib/jquery.cookie.js"></script>
<script src="../js/lib/spop.js"></script>
<script src="../js/admin/admin-base.js"></script>
<script src="../js/admin/dataWordbook.js"></script>
</body>
</html>